.bg-box{
	margin-top: 9rpx;
	position: absolute;
	width: 100%;
}

.box{
	margin-top: 100rpx;
	width:100%;
	height: 120rpx;
	background:url(../../static/img/loading/1.png) no-repeat ;
	background-size: 100%,100%;


	z-index: 3;
}
.sun{
	width:25%;
	height: 0;

	left:0;
	right:0;
	margin:0 auto;
	top:-80rpx;
	z-index: -1;
	animation: move 2.7s infinite linear;
}
.sun .eye{
	position: absolute;
	animation: eye 2.7s infinite linear;
}
.eye{
	top:4rpx;
	left: 32%;
	width: 38rpx;
	height: 10rpx;
	z-index: 50;
	
}
.sun .sunbody{
	animation: scroll 2.7s infinite linear;
}
.sunbody{
	margin-top: -74rpx;
	width:180rpx;
	height:180rpx;
	
}
.box text{
	text-align: center;
	
	font-family: '苹方';
	margin-left: 33%;
	color:#7a5600;
	animation: opp 2.7s infinite linear;
	font-family: '苹方';
	font-size:54rpx;
}
.loding-box{
	width: 100%;
	margin-top: 11rpx;
	height:110rpx;
	z-index: 9999;
}

@keyframes move{
	0%{
		transform: translateY(0);
	}
	10%{
		transform: translateY(0);
	}
	40%{
		transform: translateY(-40rpx);
	}
	70%{
		transform: translateY(-40rpx);
	}
	100%{
		transform: translateY(0);
	}
}
@keyframes scroll{
	0%{
		transform: rotate(0);
	}
	40%{
		transform: rotate(0);
	}
	50%{
		transform: rotate(45deg);
	}
	60%{
		transform: rotate(45deg);
	}
	100%{
		transform: rotate(45deg);
	}
}
@keyframes eye{
	0%{
		transform: translateX(0rpx);
	}
	50%{
		transform: translateX(0rpx) scale(1,1);
	}
	55%{
		transform: translateX(0rpx) scale(1,0.1);
	}
	60%{
		transform: translateX(0rpx) scale(1);
	}
	70%{
		transform: translateX(30rpx);
	}
	100%{
		transform: translateX(30rpx);
	}
}
@keyframes opp{
	0%{
		opacity: 1;
	}
	40%{
		opacity: 1;
	}
	60%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
